<script setup>
import {ref,onMounted} from 'vue'
import WOW from 'wow.js'
let n = ref(0);
let joinlist = ref();
let aboutlist = ref();

onMounted(async()=>{
 var wow = new WOW({
    boxClass: 'wow', // 需要执行动画的元素的 class; 【String类型】默认值：‘wow'；
    animateClass: 'animated', // animation.css 动画的 class; 【String类型】默认值：‘animated'；
    offset: 0, // 距离可视区域多少开始执行动画；【整数Number类型】默认值：0；
    mobile: true, // 是否在移动设备上执行动画；【Boolean类型】默认值: true;
    live: true // 异步加载的内容是否有效；【Boolean类型】默认值: true;
    });
 wow.init();

})

function action(i) {
    n.value = i
}
</script>

<template>
    <div class="containerClose">

        
        <div class="bgih3 wow fadeInDown">
            <h3 class="about-title wow fadeInDown">购买保险时, <br>你的底气就是我们的希冀。</h3>
        </div>
        <div class="bgih4">
            <h3 class="about-title wow fadeInDown">我们希望为你选出最适合的保险门类, <br>并规避风险。</h3>
        </div>
        <div class="containerIntro wow fadeInUp">
            <img src="../../assets/images/page4.png" alt="Wuhan University">
            <div class="containerIntroText">
                <p>我们团队主要来自武汉大学法学院。我们注意到在保险行业中，保险公司与投保人之间存在信息差，投保人并不了解众多的保险门类，而且在签订保险合同时会因冗长的文字或是专业术语而很难规避风险，导致事后救济成本过高，造成了不必要的损失。<br><br>
                    因此，我们打造了两个功能：智能投顾和风险前置。<br><br>
                    智能投顾：投保前，根据自身情况来决定选择哪种保险，并告知注意事项。<br><br>
                    风险前置：通过已有的保险行业诉讼判决书，将风险类型化，让用户通过“前车之鉴”规避风险。我们致力于为用户提供“买保险的保险”，打造一个有利于用户的第三方平台。我们希望用户在接触保险行业时能够省心、安心、放心。</p>
                <!-- <p>我们团队主要来自武汉大学法学院。我们注意到保险行业中，销售者与消费者有明显的代沟，我们消费者对众多的保险门类并不清楚，而且在签订保险合同的时候常常因为冗长的文字以及专业术语没有办法做到规避风险，事后发现也无事于补，给很多消费者造成了损失。<br>因此，我们打造了两个功能：智能投资顾问和风险预知。<br>智能投资顾问：购买保险之前，由自身的需求来决定选择哪种保险，并告知有哪些事情需要注意。<br>风险预知：通过已有的保险行业的诉讼判决书，将风险类型化，让用户通过“前车之鉴”规避风险。我们致力于为用户提供“买保险的保险”，想要打造一个有利消费者的第三方平台。我们希望用户在接触保险行业时能够省心，安心，放心。</p> -->
            </div>
    </div>
    </div>
    
    
    
        
    
</template>

<style scoped>
</style>


